import Highcharts from 'highcharts'
import HighchartsReact from 'highcharts-react-official'

const options3 = {
	chart: {
		type: 'line',
        width: 400,
        height: 400,

	},
	title: {
		text: ''
	},
	xAxis: {
		categories: ['2019-2', '2019-3', '2019-4', '2019-5', '2019-6', '2019-7']
	},
	yAxis: {
		title: {
			text: ''
		},
        gridLineColor: 'rgba(255,255,255,0.2)',
        gridLineDashStyle: 'solid',
        gridLineWidth: 1,
        min: 0,
        minorGridLineWidth: 0,
        // alternateGridColor: 'red',
        ceiling: 1000,
        floor: 0,

	},
	plotOptions: {
        series: {
            borderWidth: 0,
        },
		line: {
			dataLabels: {
				// 开启数据标签
				enabled: true          
			},
			// 关闭鼠标跟踪，对应的提示框、点击事件会失效
			enableMouseTracking: true
		}
	},
	series: [{
		name: '',
		data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5],
        
	}],

        // 关闭打印按钮
    navigation: {
        buttonOptions: {
            enabled: false
        }
    },
    credits: {
        //去除版权信息
        enabled: false
    },
}

const Charts3 = () => {
    return (
        <div>
            <HighchartsReact
                highcharts={Highcharts}
                options={options3}
            />
        </div>

    )
}

export default Charts3;
